<template>
  <CpNavBar></CpNavBar>
  <svg
    aria-hidden="true"
    class="icon-msvg">
    <!-- 改颜色 fill="#333333" -->
    <use :xlink:href="'#icon-svg-order'" />
  </svg>
  <CpSon
    v-model="title"
    v-model:age="age"></CpSon>

  <h1>{{ pageWidth }} ------{{ pageHeight }}</h1>
</template>

<script setup lang="ts">
import { ref } from 'vue';
import { useWindowSize } from '@vueuse/core';

const { width: pageWidth, height: pageHeight } = useWindowSize();

console.log(pageWidth, pageHeight);

let title = ref(' 这是标题 ');
let age = ref(28);
</script>

<style scoped>
.icon-msvg {
  width: 10em;
  height: 10em;
  fill: currentColor;
  color: rgb(17, 209, 59);
}
</style>
